<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=0.1, maximum-scale=0.1, minimum-scale=0.1, user-scalable=no">
    <link rel="stylesheet" href="./css/index.css">
    <title>2021广州国际花卉艺术节登录页面</title>
</head>
<body class="body">
    <header class="">
        <div class="logo">
            <img class="" src="./image/logo2.png" alt="广州国际花卉艺术节">
        </div>
    </header>
    <section class="">
        <div class="">
            <form action="">
                <div class="container userName">
                    <label for="">
                        姓名：
                        <input type="text" list="city1">
                    </label>
                    <span data-text="姓名">提示文本</span>
                </div>
                <div class="container userPhone">
                    <label for="">
                        +86：
                        <input type="text" list="city2">
                    </label>
                    <span data-text="电话号码">提示文本</span>
                </div>
                <div class="container userIdentity">
                    <label for="" class="userIdentity-1">
                        身份证号码：
                        <input type="text" list="city3">
                    </label>
                    <span data-text="身份证号码">提示文本</span>
                </div>
                <div class="btn">
                    <button>我的预约</button>
                    <button>开始预约</button>
                </div>
            </form>
        </div>
    </section>
    <div class="masking">
        <div>
            你的信息填写有误，请重新核对
            <span class="close">关闭</span>
        </div>
        <ul>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
        </ul>
    </div>
    <script src="./js/index.js" type="module"></script>
</body>
</html>